<template>
  <div class="changeCity">
    <el-row> <ProSelect /></el-row>
    <el-row> <HotCity /></el-row>
    <el-row> <NearVisit /> </el-row>
    <el-row> <FirstLetter /></el-row>
  </div>
</template>

<script>
import ProSelect from "../main/proSelect.vue";
import HotCity from "../main/hotCity.vue";
import NearVisit from "../main/nearVisit.vue";
import FirstLetter from "../main/firstLetter.vue";
export default {
  components: {
    ProSelect,
    HotCity,
    NearVisit,
    FirstLetter,
  },
};
</script>

<style lang="less" scoped>
.changeCity {
  width: 1190px;
  min-height: 1000px;
  box-sizing: border-box;
  margin: 20px auto 0;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 20px;
}
</style>